<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>上架商品列表</title>

    <!-- 第一：下载 Layui 框架，并拷贝到项目中 -->
    <!-- 第二：导入 Layui 提供的 CSS 样式 -->
    <link href="layui/css/layui.css" rel="stylesheet">

</head>
<body>
    <!-- 第四：页面设计 - 参考 Layui 文档 - 结构化页面 + 预设样式（CV） -->

    <!-- 查询表单 -->
    <form class="layui-form">
        <div class="layui-inline">

            <div class="layui-input-inline layui-input-wrap">
                <input type="text" name="product_name" lay-verify="required" autocomplete="off" placeholder="请输入商品名称" lay-affix="clear" class="layui-input">
            </div>

            <div class="layui-input-inline">
                <select name="product_type" lay-filter="product_type">
                    <option value="" selected>商品类型</option>
                    <option value="0">电器</option>
                    <option value="1">服装</option>
                    <option value="2">图书</option>
                    <option value="3">手机</option>
                    <option value="4">笔记本</option>
                </select>
            </div>

            <div class="layui-input-inline">
                <button type="button" class="layui-btn layui-btn-primary">查询</button>
            </div>
        </div>
    </form>

    <!-- 数据表格 - 动态表格 - servlet - dao -->
    <table class="layui-table"
           id="test"
           lay-filter="test"
           style="width: 98%;">


    </table>

    <!-- 第三：导入 Layui 提供的 js 脚本文件 -->
    <script src="layui/layui.js"></script>

    <script src="js/table_all.js"></script>

</body>
</html>